<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"> 
<h:head>

	<style>
				label {		
				width: 100px;
				text-align: right;
				display:inline-block;
				*display:inline; /* hack para ie7 */
				}
	</style>
</h:head> 
<h:body style="background-image:url('images/bg.png'); background-repeat: repeat-x;">
	<f:view>
		<div style="text-align: center; margin-top:50px;">
		<h:graphicImage url="/images/logo0.png"/>
		</div>
		<div style="left: 50%;top: 50%; position: absolute;margin-left:-200px;margin-top:-75px;">
			<p:panel id="login" header="Login" style="width: 400px; height: 155px;"  >
				<h:form>
				<h:outputLabel value="Usuário: " />
				<h:inputText id="inputLogin" value="#{loginBEAN.login}" /><br/>
				<h:outputLabel value="Senha: " />
				<h:inputSecret id="inputSenha" value="#{loginBEAN.senha}" /><br/> 
				<p:commandButton value="Entrar" action="#{loginBEAN.fazerLogin()}" ajax="false"/>
				<br />
				</h:form>
			</p:panel>
		</div>
	</f:view>
</h:body> 
</html>
